.dnnEditState .movedown {
    margin-top: 150px; /* Adjust the value as needed */
}
/**** move banner below the logo ****/
.alwaysdown {
	padding-top:115px;
}
/**********************************  OVERRIDE ***************************************************************/

html, body {overflow-x:hidden; scroll-behavior: smooth;}
p {margin-bottom:0!important; color: var(--text)}
h1, h2, h3, h4, h5, h6 {font-family: futura-pt, sans-serif; font-weight:700}
p, a, li {font-family: futura-pt, sans-serif; font-weight:400}
b, strong {font-weight: 700!important;}
img {max-width:100%}
main div.container, main div.container-fluid, main div.container-lg, main div.container-md, main div.container-sm, main div.container-xl {margin-bottom: 0!important}


a {font-family:inherit!important; color:#a68359}
a:hover {color:#2a2a2a;}
.MaxWidth {max-width:var(--MaxWidth); margin:0 auto}

.Left {justify-content:flex-start}

.Onclick *:hover {cursor: pointer;}

.Desktop {display:none}
h2, h4 {margin-bottom:0}
h4 {line-height:1.5}


/*************************************  COLOURS ***************************************************************/

:root {
  --light-grey: #f5f5f5; 
  --dark-grey: #2a2a2a;
  --gold: #a68359;
  --primary: #a68359;
  --text: #333333;
  
  --MaxWidth: 1500px;
  
}
.Primary {color: var(--primary)!important;}

.btn-white {background-color: white!important;  border-color: var(--primary)!important;}
.btn-white a {color: var(--primary)!important;}
.btn-white:hover {background-color: var(--primary);  border-color: var(--primary)!important;}
.btn-white:hover a {color: white!important;}
.btn-gold {background-color:var(--primary)!important; border-color: var(--primary)!important; color: white;}
.btn-gold a {color: white!important;}
.btn-gold:hover {background-color: white!important;	border-color: var(--primary)!important;}
.btn-gold:hover a, .btn-maroon:hover {color: var(--primary)!important;}
.btn-transparent {background-color: transparent!important; color: white!important; border-color: white!important;}
.btn-transparent:hover {background-color:var(--primary)!important; border-color: var(--primary)!important;}
.btn-transparent:hover {background-color: white!important; border-color: var(--primary)!important;}
.btn-transparent:hover a {color: var(--primary)!important;}

.LightGreyBG {background-color: var(--light-grey);}
.footerbg {background-color:var(--dark-grey)!important;}
footer * {color:white!important}

/***********************  CONTAINERS  *****************************************/
/*Buttons */
.button {
    padding: 5px 25px;
    border-radius: 0px;
    display: inline-block;
    transition: background-color linear 0.2s;
    -webkit-transition: background-color linear 0.2s;
    background-color: transparent;
    margin: 10px;
    border: 1px solid;
    text-align: center;
    line-height: 1.5;
}
.btn-left {margin-left:0}

.minicart-mel {
	font-size: 20px;
    color: #333333;
}

.containermel {
    display: flex;
    align-items: center; /* Aligns items vertically */
}
/* 
.contentl, .contentr {
    flex: 1; Ensures they take up equal space 
}*/
/********* navigation edits  ***********/

.nav-link {
	padding: .2rem 1rem;
}

.logo {
	width:100%; max-width:280px; height:110px;
}
/*.navbar-nav {
	MARGIN-BOTTOM: 65PX;
}*/
/**** basket skin styles ****/
	.headerbasket {
		position: absolute;
		right: 50px;
	}

/*************************  BANNER GALLERY  *******************************************/

#dnn_BannerPane .edsSizeShifter .rs-slider > li img { aspect-ratio: 2 / 3;    max-height: 750px;    object-fit: cover;}
#dnn_BannerPane .edsSizeShifter .rs-wrap {width:100%!important}
#dnn_BannerPane .edsSizeShifter .rs-wrap img {width: 100%;}
#dnn_BannerPane .edsSizeShifter .rs-caption {background:none; width:100%!important}
#dnn_BannerPane .rs-caption-wrapper { padding: 80px 20px 20px 20px;
    max-width: 100%;
	height: 100%;
    display: flex;
    flex-direction: column;
justify-content: end;}
#dnn_BannerPane  .rs-caption-wrapper a {font-size: 14px; color: white!important; }
#dnn_BannerPane .rs-caption-wrapper h4 {margin-bottom:20px!important}
#dnn_BannerPane .rs-caption-wrapper h4 a {font-family: futura-pt, sans-serif!important; font-size:2.375rem!important; line-height:1.27273!important; color:white!important}
#dnn_BannerPane .rs-caption-wrapper p {font-family: Arial, Helvetica, sans-serif!important; font-size:1rem!important; line-height:1.5!important; margin-top:0!important}

/*.edsSizeShifter .rs-slider > li img { aspect-ratio: 2 / 3;    max-height: 750px;    object-fit: cover;}*/


#dnn_BannerPane .rs-caption-wrapper .button {margin-top:25px}

#dnn_BannerPane .rs-pagination {display:none; position: absolute; left: 7%;    bottom: 48%;    z-index: 998;    }
#dnn_BannerPane .rs-pagination li p {background:none; position:relative;}
#dnn_BannerPane .rs-pagination li p:before {font-family: 'FontAwesome';
    content: '\f096';
    position: absolute;
    left: 0px;
    top: 5px;
    height: 12px;
    width: 12px;
	color:white; font-size:12px;}
#dnn_BannerPane .rs-pagination li.active p:before {content:	'\f0c8';}
#dnn_BannerPane .btn-white {border-color: white!important;}
#dnn_BannerPane .btn-white a {color:#fff;}



/***************************  ACCORDIAN   *******************************************/

.accordion .card {border:0}
.accordion .card-header {background-color:transparent; border:0; padding-left: 0}
.accordion h4 button {font-family:inherit; font-size:inherit; font-weight:inherit; position:relative; padding-left:0; color:#4a4a4a;}
.accordion .btn:focus {box-shadow:none}
.accordion h4 button:after {
    position: absolute;
    top: 50%;
    right: -20px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    content: '\f068';
    text-align: center;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-size: 16px;
    line-height: 0px;
}
.accordion h4 button.collapsed:after {content: '\f067';}
.accordion .card-body {padding-left:0; padding-top:0}



/****************************  TESTIMONIALS  *****************************************/

.Testimonials {background-color:var(--light-grey)}
.Testimonials .ms-slide {}
.Testimonials .ms-slide .stars, .Testimonials .ms-slide p {text-align:center; padding-left:20px; padding-right:20px}
.Testimonials .ms-slide .Name {padding-top:20px}
.Testimonials .ms-slide .stars {padding-bottom:20px}


/**************************  FOOTER  *******************************************/

#dnn_FooterBanner {
	background-image: url(/Portals/0/FooterBannerMob.jpg);  
    background-size: cover;
    background-repeat: no-repeat;
    background-color: white;
	background-position: center center; }
#dnn_FooterBanner img {opacity:0}

.FooterBorder {border-bottom:1px solid silver}

.social-container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
        }
        .social-links {
            display: flex;
            gap: 20px;
            justify-content: center;
            align-items: center;
        }
        .social-links a {
            display: inline-block;
            width: 50px;
            height: 50px;
            transition: background-color 0.3s ease;
            border-radius: 50%;
            padding: 5px;
        }
        .social-links a:hover {
            background-color: #a68359;
        }
        .social-links img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
/********************************  MEDIA QUERIES ********************************/



@media (hover: none) {
	



}

/*  SAFARI */
@media not all and (min-resolution:.001dpcm) {
    @media {
		
		
		
	}
}	


@media (min-width: 768px) /* Tablet Vertical - Medium col-md */{ 
/**** move banner below the logo ****/
	.alwaysdown {
	padding-top: 0px;
}

.Mobile {display:none;}
.Desktop {display:block}
	.headerbasket {
		position: unset;
	}

#dnn_BannerPane .edsSizeShifter .rs-caption {width:auto;}
#dnn_BannerPane .rs-caption-wrapper {
    padding-left: 20%!important;
    padding-bottom: 5%!important;
    max-width: 70%;
    padding-top: 5%!important;
	height: 100%;
    display: flex;
    flex-direction: column;
justify-content: center;}
#dnn_BannerPane .rs-pagination {display: flex!important;flex-direction: column;}

#dnn_FooterBanner {background-image: url(/Portals/0/FooterBanner.jpg);  }
	

}




@media (min-width: 992px) /* Tablet Landscape - Large col-lg */{ 

#dnn_BannerPane .edsSizeShifter .rs-slider > li img { aspect-ratio: 2 / 4;  max-height: 720px; }

}

@media (min-width: 1200px) /* LAPTOP Extra Large col-xl */{ 




}


@media (min-width: 1400px) /* DESKTOP Extra Extra Large col-xxl */{ 





}